@*
@(stateId: Integer, messages: String, shouldWait: Boolean, beginn: Boolean, newGame: Boolean, canDraw: Boolean, canChange: Boolean, showWinners: Boolean, canFold: Boolean, canBet: Boolean, canCall: Boolean, canCheck: Boolean, canRaise: Boolean, canAllin: Boolean)
*@
@(playerName: String, tokens: Integer, stateId: Integer, messages: String, shouldWait: Boolean, avaibleActions : java.util.Map[String, Boolean])
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href='@routes.Assets.at("stylesheets/jquery-ui-1.10.3.custom.min.css")'/>
<link rel="stylesheet" media="screen" type="text/css" href='@routes.Assets.at("stylesheets/baseStyle.css")'/>
<link rel="stylesheet" media="screen" type="text/css" href='@routes.Assets.at("stylesheets/cardPick.css")'/>
<script type="text/javascript" src='@routes.Assets.at("javascripts/jquery-2.0.3.min.js")'></script> 
<script type="text/javascript" src='@routes.Assets.at("javascripts/jquery-ui-1.10.3.custom.min.js")'></script>
<script type='text/javascript' src='@routes.Assets.at("javascripts/jquery.waitforimages.min.js")'></script>
<script type="text/javascript" src='@routes.Assets.at("javascripts/gamescript.js")'></script>
<title>Poker ON-Line</title>
</head>
<body>
	<div id="mainDiv">
		<input type="hidden" id="stId" value="@stateId"/>
		<!-- <div id = "komunikaty" style="height:150px;overflow-y:scroll;overflow-x:auto;border-width:1px;border-style:solid"></div>  -->
		<div id = "player"><h3>Dane gracza:</h3><p>Imię: @playerName, Żetony: @tokens.</p></div>
		<div id = "cards"></div>
		@if(shouldWait) { <div id="waitMsg">Pozostali gracze wykonują ruch. Proszę czekać...</div> }
		<div id = "buttonsPanel" style="text-align:center;">
			@if(avaibleActions.get("start")) { <a href="" id="start">Rozpocznij grę</a> }
			<!-- <a href="" id="1">Rozpocznij grę</a>  -->
			@if(avaibleActions.get("takecards")) { <a href="" id="takecards">Pobierz karty</a> }
			@if(avaibleActions.get("changecards")) { <a href="" id="changecards">Wymień te karty</a> <!-- należy później automatycznie pokazać te karty --> }
			@if(avaibleActions.get("showwinners")) { <a href="" id="showwinners">Pokaż zwycięzców</a> }
			@if(avaibleActions.get("fold")) { <a href="" id="fold">Fold</a> }
			@if(avaibleActions.get("bet")) { <a href="" id="bet">Bet</a> }
			@if(avaibleActions.get("call")) { <a href="" id="call">Call</a> }
			@if(avaibleActions.get("check")) { <a href="" id="check">Check</a> }
			@if(avaibleActions.get("raise")) {<a href="" id="raise">Raise</a> }
			@if(avaibleActions.get("allin")) { <a href="" id="allin">All-in</a> }
			@if(avaibleActions.get("resign")) { <a href="" id="resign">Opuść stół</a> }
		</div>
		<div id="komunikaty">
			@if(messages != null) {
			<h3>Komunikaty:</h3>
			<ul id="listaKom">@messages</ul>
			}
		</div>
	</div>
</body>
</html>